$(function () {

  //页码
  let cPage = 1;
  /* 分类管理列表 */
  $.ajax({
    method: 'get',
    url: BigNew.category_list,
    data: {},
    success: (res) => {
      //console.log(res);
      const htmlStr = template('all', { list: res.data });
      $('#selCategory').html(htmlStr);
    }
  })

  //查询所有的文章
  allArticle();
  //文章列表管理
  function allArticle() {

    //最开始是空 点击完 数据会发生变化

    const type = $('#selCategory').val();
    const state = $('#selStatus').val();

    $.ajax({
      method: 'get',
      url: BigNew.article_query,
      data: {
        key: '',
        type,  //文章类型 id
        state,  //状态  文章已发布 /草稿
        page: cPage,  //页码
        perpage: 20, //页容量(限定一个页面显示的数据为几条)
      },
      success: (res) => {
        console.log(res);
        const htmlStr = template('articleList', res.data);
        $('tbody').html(htmlStr);

        //调用插件
        setPage(cPage, res.data.totalPage);
      }
    })
  }


  //筛选功能
  $("#btnSearch").click(function (e) {
    //阻止默认事件
    e.preventDefault();
    //筛选条件发生变化 初始化页码
    cPage = 1;
    allArticle();
  });



  /* 分页功能  函数*/
  function setPage(pageCurrent, pageSum, callback) {
    $(".pagination").bootstrapPaginator({
      //设置版本号
      bootstrapMajorVersion: 3,
      // 显示第几页
      currentPage: pageCurrent,
      // 总页数
      totalPages: pageSum,
      //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
      onPageClicked: function (event, originalEvent, type, page) {
        // console.log(page)
        //console.log($('#selCategory').val())
        // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
        cPage = page;
        allArticle && allArticle()
      }
    })
  }



  //删除文章
  $('tbody').on("click", '.btn-danger', function () {
    //console.log(this);
    //console.log($(this).attr('data-id'));
    $.ajax({
      method: 'post',
      url: BigNew.article_delete,
      data: {
        id: $(this).attr('data-id'),
      },
      success: (res) => {
        //console.log(res);
        if (res.code == 204) {
          allArticle();
        } else {
          alert(res.msg);
        }
      }
    })

  });


});